/**
 *@auther: tang
 *@Date: 2020-11-17
 *Project: group-booking-shop-manage-system
 */
import React, { Component } from 'react';
import { Line } from '@ant-design/charts';
class ChartOne extends Component {
    render() {
        const data = [
            { time: '6:00', value: 10 },
            { time: '9:00', value: 20 },
            { time: '12:00', value: 14 },
            { time: '15:00', value: 27 },
            { time: '18:00', value: 36 },
            { time: '21:00', value: 48 },
            { time: '24:00', value: 60 },
            { time: '3:00', value: 65 }
        ];
        const config = {
            data,
            height: 400,
            xField: 'time',
            yField: 'value',
            point: {
                size: 5,
                shape: 'diamond',
            },
        };
        return <div>
            <h3>活跃用户指数</h3>
            <Line {...config} />
        </div>
    }
}
export default ChartOne;

